import * as React from 'react'
import { IndexLink, Link } from 'react-router'
import { Icon } from 'antd'
import logo from './assets/logo.png'
import './Header.less'

export const Header = () => {
  return (
    <div className='header'>
      <div className='header-logo'>
        <IndexLink to='/'>
          <img src={logo} />
        </IndexLink>
      </div>
      <div className='header-menu-panel'>
        <IndexLink to='/' className='header-menu-item'>产品</IndexLink>
        <Link to='/market' className='header-menu-item'>云市场</Link>
        <Link to='/solution' className='header-menu-item'>解决方案</Link>
        <Link to='/partner' className='header-menu-item'>合作伙伴</Link>
        <Link to='/help' className='header-menu-item'>帮助中心</Link>
      </div>
      <div className='header-btns'>
        <a className='header-link'><Icon type='search' /></a>
        <a className='header-link'>English</a>
        <a className='header-link'>备案</a>
        <a className='header-link'>注册</a>
        <a className='header-link'>登录</a>
        <a className='border-btn'>控制台</a>
      </div>
    </div >
  )
}

export default Header;
